function Login({ history, location }: any) {
  function handleLogin() {
    // 是否登录，直接通过一个全局的 isLogin 来控制 window.isLogin
    //    true 登录了
    //    false 没有登录
    // 1. 将 window.isLogin 设置为 true 表示登录成功
    window.isLogin = true;

    // 2. 登录成功之后，需要跳转到/hello
    //      使用 hisotry.push 或者 history.replace
    //      console.log(history);
    // history.push("/hello");
    //    优化，跳转到之前要去的页面
    //        1. 再跳转到登录页面的时候，可以将之前要去的路由地址给传递过来
    //            /login?redirect=/world
    //            /login?redirect=/about
    //        2. 获取到 redirect 的参数的值
    const searchParams = new URLSearchParams(location.search);
    const redirect = searchParams.get("redirect") || "/hello";
    console.log("login redirect", redirect);
    history.replace(redirect);
  }

  return (
    <div>
      <h4>登录页面</h4>
      <button onClick={handleLogin}>点我就表示登录成功</button>
    </div>
  );
}

export default Login;
